home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 September / PCWorld_2008-09_cd.bin / v cisle / sadanastroju / wot-20080519-fx.xpi / chrome / wot.jar / skin / include / settings.css < prev    next >
Cascading Style Sheet File  |  2008-04-17  |  13KB  |  614 lines
  1. body {
  2.     font-family: Arial, sans-serif;
  3.     font-size: 12px;
  4.     margin-top: 1%;
  5.     text-align: center;
  6. }
  7. a {
  8.     color: #2a5687;
  9.     cursor: pointer;
  10. }
  11. a:hover {
  12.     color: blue;
  13. }
  14. #settings {
  15.     margin: 0 auto;
  16.     text-align: left;
  17.     width: 977px;
  18. }
  19. /* Header */
  20. #header {
  21.     background: url("chrome://wot/skin/fusion/settings/site_header_01.png") top left no-repeat;
  22.     height: 68px;
  23. }
  24. #logo {
  25.     background: url("chrome://wot/locale/settings/logo_settings.png") top left no-repeat;
  26.     display: block;
  27.     float: left;
  28.     height: 45px;
  29.     margin-left: 15px;
  30.     margin-top: 13px;
  31.     width: 75px;
  32. }
  33. #settings.guide #logo {
  34.     background: url("chrome://wot/locale/settings/logo_guide.png") top left no-repeat;
  35. }
  36. #tabs {
  37.     float: right;
  38.     height: 63px;
  39.     margin-right: 3px;
  40.     margin-top: 2px;
  41.     padding: 0;
  42.     width: 800px;
  43. }
  44. .tab {
  45.     border-left: 1px solid #f3f3f3;
  46.     float: right;
  47.     height: 27px;
  48.     padding-left: 15px;
  49.     padding-right: 15px;
  50.     padding-top: 35px;
  51.     text-align: center;
  52. }
  53. .tab-text {
  54.     color: #6a6a6a;
  55.     display: inline;
  56.     font-family: "Arial Narrow", Arial, sans-serif;
  57.     font-size: 17px;
  58. }
  59. .tab.selected .tab-text {
  60.     color: #dadada;
  61. }
  62. /* Pages */
  63. #pages {
  64.     background: url("chrome://wot/skin/fusion/settings/site_content_01.png") top left repeat-y;
  65.     color: #6a6a6a;
  66.     height: 600px;
  67.     overflow: hidden;
  68.     padding-left: 1px;
  69.     padding-right: 3px;
  70.     width: 977px;
  71. }
  72. #pages label {
  73.     color: #888888;
  74. }
  75. #pages input.replaced {
  76.     display: none;
  77. }
  78. #pages label.checkbox {
  79.     background: url("chrome://wot/skin/fusion/settings/check_box_off.png") top left no-repeat;
  80.     clear: both;
  81.     display: block;
  82.     float: left;
  83.     margin-bottom: 5px;
  84.     margin-left: 1px;
  85.     min-height: 16px;
  86.     padding-left: 20px;
  87. }
  88. #pages label.checkbox.checked {
  89.     background: url("chrome://wot/skin/fusion/settings/check_box_on.png") top left no-repeat;
  90. }
  91. #pages label.radio {
  92.     background: url("chrome://wot/skin/fusion/settings/radio_button_off.png") top left no-repeat;
  93.     clear: both;
  94.     display: block;
  95.     float: left;
  96.     height: 16px;
  97.     margin-bottom: 5px;
  98.     padding-left: 20px;
  99. }
  100. #pages label.radio.checked {
  101.     background: url("chrome://wot/skin/fusion/settings/radio_button_on.png") top left no-repeat;
  102. }
  103. #pages textarea {
  104.     border: 1px solid #c5c5c8;
  105. }
  106. .page-header {
  107.     font-family: "Arial Narrow", Arial, sans-serif;
  108.     font-size: 22px;
  109. }
  110. .pane-header {
  111.     clear: left;
  112.     float: left;
  113.     font-weight: bold;
  114.     margin-bottom: 15px;
  115.     margin-top: 20px;
  116. }
  117. .left-pane {
  118.     border-bottom: 1px solid #ebebeb;
  119.     float: left;
  120.     height: 512px;
  121.     overflow: auto;
  122.     padding: 15px;
  123. }
  124. .left-pane ul {
  125.     clear: left;
  126.     float: left;
  127.     margin: 0;
  128.     padding-left: 25px;
  129. }
  130. .left-pane li {
  131.     list-style-type: square;
  132.     padding-right: 5px;
  133. }
  134. .left-pane li img {
  135.     vertical-align: middle;
  136. }
  137. .right-pane {
  138.     background-color: #f7f7f7;
  139.     border-left: 1px solid #dfdfe0;
  140.     float: right;
  141.     height: 600px;
  142.     margin-right: 6px;
  143.     overflow: auto;
  144. }
  145. .sample {
  146.     background-color: white;
  147.     border: 1px solid #cacacc;
  148.     clear: left;
  149.     float: left;
  150.     height: 490px;
  151.     margin-left: 19px;
  152.     margin-top: 23px;
  153.     overflow: hidden;
  154.     width: 547px;
  155. }
  156. .sample-help {
  157.     clear: left;
  158.     float: left;
  159.     margin-top: 10px;
  160.     text-align: center;
  161.     width: 100%;
  162. }
  163. .help-text {
  164.     float: left;
  165.     clear: left;
  166.     margin-top: 25px;
  167.     padding-right: 50px;
  168. }
  169. /* Buttons */
  170. #buttons {
  171.     border-top: 1px solid white;
  172.     clear: left;
  173.     float: left;
  174.     height: 42px;
  175.     padding-top: 14px;
  176. }
  177. .button {
  178.     background: url("chrome://wot/skin/fusion/settings/button_bg.png") top left no-repeat;
  179.     float: left;
  180.     font-size: 11px;
  181.     font-weight: bold;
  182.     height: 32px;
  183.     overflow: hidden;
  184.     padding-top: 9px;
  185.     text-align: center;
  186.     width: 156px;
  187. }
  188. #wotsave {
  189.     color: #007b00;
  190.     margin-left: 15px;
  191. }
  192. #cancel {
  193.     color: #db0000;
  194.     margin-left: 40px;
  195. }
  196. #wotsave.disabled, #cancel.disabled {
  197.     color: #6a6a6a;
  198.     cursor: default;
  199. }
  200. .tab, .button {
  201.     cursor: pointer;
  202.     display: inline;
  203. }
  204. /* Messages */
  205. #messages {
  206.     height: 100%;
  207.     left: 0px;
  208.     position: absolute;
  209.     top: 0px;
  210.     width: 100%;
  211. }
  212. .message {
  213.     background-color: white;
  214.     border: 1px solid #cacacc;
  215.     font-size: 20px;
  216.     height: 120px;
  217.     margin: 0 auto;
  218.     padding-top: 80px;
  219.     position: relative;
  220.     text-align: center;
  221.     top: 260px;
  222.     width: 350px;
  223.     z-index: 10000;
  224. }
  225. #failed {
  226.     color: #db0000;
  227. }
  228. #saved {
  229.     color: #007b00;
  230. }
  231. /* Footer */
  232. #footer-left {
  233.     background: url("chrome://wot/skin/fusion/settings/site_footer_light_01.png") top left no-repeat;
  234.     float: left;
  235.     height: 7px;
  236.     width: 977px;
  237. }
  238. #footer-right {
  239.     background: url("chrome://wot/skin/fusion/settings/site_footer_dark_01.png") top right no-repeat;
  240.     float: right;
  241.     height: 7px;
  242.     width: 0px;
  243. }
  244. /* Rating window */
  245. .rating-window {
  246.     clear: left;
  247.     display: block;
  248.     float: left;
  249.     width: 331px;
  250. }
  251. .rating-window.window-top {
  252.     background: url("chrome://wot/locale/settings/ui_top.png") top left no-repeat;
  253.     height: 138px;
  254. }
  255. .rating-window.window-0 {
  256.     background: url("chrome://wot/locale/settings/ui_vendor.png") top left no-repeat;
  257.     height: 60px;
  258. }
  259. .rating-window.window-1 {
  260.     background: url("chrome://wot/locale/settings/ui_privacy.png") top left no-repeat;
  261.     height: 60px;
  262. }
  263. .rating-window.window-2 {
  264.     background: url("chrome://wot/locale/settings/ui_child.png") top left no-repeat;
  265.     height: 60px;
  266. }
  267. .rating-window.window-message {
  268.     background: url("chrome://wot/locale/settings/ui_message.png") top left no-repeat;
  269.     height: 161px;
  270. }
  271. .rating-window.window-update {
  272.     background: url("chrome://wot/locale/settings/ui_update.png") top left no-repeat;
  273.     height: 37px;
  274. }
  275. .rating-window.window-bottom {
  276.     background: url("chrome://wot/locale/settings/ui_bottom.png") top left no-repeat;
  277.     height: 13px;
  278. }
  279. /* Loading */
  280. #loading-left {
  281.     border-bottom: 0;
  282.     width: 941px;
  283. }
  284. #settings.loading #buttons {
  285.     display: none;
  286. }
  287. /* Guide */
  288. #guide-left-top {
  289.     height: 314px;
  290.     padding-bottom: 0;
  291.     width: 255px;
  292. }
  293. #guide-left-bottom {
  294.     border-bottom: 0;
  295.     clear: left;
  296.     height: 270px;
  297.     padding-bottom: 0;
  298.     padding-top: 5px;
  299.     width: 255px;
  300. }
  301. #guide .left-pane li {
  302.     margin-top: 5px;
  303. }
  304. #guide-right {
  305.     padding-left: 20px;
  306.     padding-top: 20px;
  307.     width: 665px;
  308.     height: 580px;
  309. }
  310. #settings.guide #buttons, #settings.guide #footer-left {
  311.     width: 285px;
  312. }
  313. #settings.guide #footer-right {
  314.     width: 692px;
  315. }
  316. #settings.guide #buttons {
  317.     display: none;
  318. }
  319. #guide-left-top-help {
  320.     margin-top: 20px;
  321. }
  322. #guide-slider {
  323.     background: url("chrome://wot/locale/settings/guide_slider.png") top left no-repeat;
  324.     clear: left;
  325.     float: left;
  326.     height: 106px;
  327.     margin-left: 20px;
  328.     margin-top: 25px;
  329.     width: 202px;
  330. }
  331. #guide-right-window {
  332.     clear: left;
  333.     float: left;
  334.     height: 530px;
  335.     padding-right: 20px;
  336.     width: 331px;
  337. }
  338. .guide-right-help-item {
  339.     padding-right: 15px;
  340.     padding-bottom: 5px;
  341. }
  342. .guide-right-help-item p {
  343.     margin: 4px;
  344. }
  345. .guide-right-help-item li {
  346.     list-style-type: square;
  347.     margin-left: 20px;
  348. }
  349. .guide-right-help-title {
  350.     display: inline;
  351.     font-weight: bold;
  352. }
  353. .guide-right-help-window-title {
  354.     font-weight: bold;
  355. }
  356. #guide-right-help-last {
  357.     margin-bottom: 10px;
  358. }
  359. /* Ratings */
  360. #ratings-left {
  361.     width: 578px;
  362. }
  363. #ratings-right {
  364.     padding-left: 20px;
  365.     padding-top: 20px;
  366.     width: 342px;
  367. }
  368. #settings.ratings #buttons, #settings.ratings #footer-left {
  369.     width: 608px;
  370. }
  371. #settings.ratings #footer-right {
  372.     width: 369px;
  373. }
  374. /* Warnings */
  375. #warnings-left {
  376.     width: 578px;
  377. }
  378. #warnings-right {
  379.     width: 362px;
  380. }
  381. #settings.warnings #buttons, #settings.warnings #footer-left {
  382.     width: 608px;
  383. }
  384. #settings.warnings #footer-right {
  385.     width: 369px;
  386. }
  387. #warnings-registered {
  388.     font-weight: bold;
  389. }
  390. #warnings-customize-headers {
  391.     border-bottom: 1px solid #eaeaea;
  392.     clear: both;
  393.     float: left;
  394.     height: 20px;
  395.     padding-top: 60px;
  396.     width: 362px;
  397. }
  398. .warnings-customize-header {
  399.     float: left;
  400.     font-weight: bold;
  401. }
  402. #warnings-slider-header {
  403.     padding-left: 17px;
  404.     width: 267px;
  405. }
  406. .warnings-slider {
  407.     float: left;
  408. }
  409. .warnings-slider-header {
  410.     border-right: 1px solid white;
  411.     border-top: 1px solid white;
  412.     clear: left;
  413.     float: left;
  414.     margin-bottom: 5px;
  415.     padding-left: 17px;
  416.     padding-top: 6px;
  417.     width: 254px;
  418. }
  419. .warnings-slider-stack {
  420.     border-bottom: 1px solid #eaeaea;
  421.     border-right: 1px solid white;
  422.     clear: left;
  423.     float: left;
  424.     height: 84px;
  425.     width: 271px;
  426. }
  427. #warnings-slider-footer {
  428.     border-top: 1px solid white;
  429.     clear: left;
  430.     float: left;
  431.     width: 362px;
  432. }
  433. .warnings-type-stack {
  434.     border-bottom: 1px solid #eaeaea;
  435.     border-left: 1px solid #eaeaea;
  436.     border-top: 1px solid white;
  437.     float: left;
  438.     height: 83px;
  439.     width: 89px;
  440. }
  441. .warnings-slider-decrease, .warnings-slider-increase {
  442.     cursor: pointer;
  443.     float: left;
  444.     height: 13px;
  445.     margin-top: 1px;
  446.     width: 15px;
  447. }
  448. .warnings-slider-decrease {
  449.     background: url("chrome://wot/skin/fusion/settings/button_minus.png") top left no-repeat;
  450.     margin-left: 17px;
  451. }
  452. .warnings-slider-increase {
  453.     background: url("chrome://wot/skin/fusion/settings/button_plus.png") top left no-repeat;
  454.     margin-left: 3px;
  455.     margin-right: 5px;
  456. }
  457. .warnings-slider-image {
  458.     background: url("chrome://wot/skin/fusion/settings/customizing_grid.png") top left no-repeat;
  459.     float: left;
  460.     height: 16px;
  461.     margin-bottom: 8px;
  462.     width: 118px;
  463. }
  464. .warnings-slider-image-0, .warnings-slider-image-1, .warnings-slider-image-2 {
  465.     cursor: pointer;
  466.     float: left;
  467.     height: 14px;
  468.     margin-left: 1px;
  469.     margin-top: 1px;
  470.     width: 38px;
  471. }
  472. .warnings-slider.level-0 .warnings-slider-image-0,
  473. .warnings-slider.level-1 .warnings-slider-image-0,
  474. .warnings-slider.level-2 .warnings-slider-image-0 {
  475.     background: url("chrome://wot/skin/fusion/settings/customizing_grid_danger.png") top left no-repeat;
  476. }
  477. .warnings-slider.level-1 .warnings-slider-image-1,
  478. .warnings-slider.level-2 .warnings-slider-image-1 {
  479.     background: url("chrome://wot/skin/fusion/settings/customizing_grid_not_safe.png") top left no-repeat;
  480. }
  481. .warnings-slider.level-2 .warnings-slider-image-2 {
  482.     background: url("chrome://wot/skin/fusion/settings/customizing_grid_caution.png") top left no-repeat;
  483. }
  484. .warnings-unknown-container {
  485.     padding-left: 17px;
  486. }
  487. .warnings-type-warning {
  488.     margin-top: 6px;
  489. }
  490. .warnings-type-warning, .warnings-type-blocking {
  491.     clear: left;
  492.     color: #888888;
  493.     float: left;
  494.     text-align: center;
  495.     width: 80px;
  496. }
  497. .warnings-type-stack.warning .warnings-type-warning, .warnings-type-stack.blocking .warnings-type-blocking {
  498.     color: #272727;
  499. }
  500. .warnings-type-switch {
  501.     clear: left;
  502.     cursor: pointer;
  503.     float: left;
  504.     height: 42px;
  505.     margin-left: 22px;
  506.     width: 30px;
  507. }
  508. .warnings-type-stack.warning .warnings-type-switch {
  509.     background: url("chrome://wot/skin/fusion/settings/switch_up_transparent.png") top left no-repeat;
  510. }
  511. .warnings-type-stack.blocking .warnings-type-switch {
  512.     background: url("chrome://wot/skin/fusion/settings/switch_down_transparent.png") top left no-repeat;
  513. }
  514. #warnings-type-notification, #warnings-type-notification-label {
  515.     margin-top: 15px;
  516. }
  517. #warnings-custom-cover {
  518.     height: 600px;
  519.     position: absolute;
  520.     width: 362px;
  521.     z-index: 100;
  522. }
  523. /* Pop-up */
  524. #popup-left {
  525.     width: 354px;
  526. }
  527. #popup-right {
  528.     width: 586px;
  529. }
  530. #settings.popup #buttons, #settings.popup #footer-left {
  531.     width: 384px;
  532. }
  533. #settings.popup #footer-right {
  534.     width: 593px;
  535. }
  536. #popup-enabled {
  537.     margin-top: 20px;
  538. }
  539. /* Searching */
  540. #searching-left {
  541.     width: 354px;
  542. }
  543. #searching-right {
  544.     width: 586px;
  545. }
  546. #settings.searching #buttons, #settings.searching #footer-left {
  547.     width: 384px;
  548. }
  549. #settings.searching #footer-right {
  550.     width: 593px;
  551. }
  552. #searching-type-options {
  553.     clear: left;
  554.     float: left;
  555.     margin-bottom: 10px;
  556. }
  557. #searching-type-advanced {
  558.     clear: left;
  559.     float: left;
  560.     margin-bottom: 5px;
  561. }
  562. #searching-sites-header {
  563.     margin-bottom: 5px;
  564. }
  565. #wotsearch {
  566.     background-color: white;
  567.     border: 1px solid #c5c5c8;
  568.     clear: left;
  569.     float: left;
  570.     height: 186px;
  571.     overflow: auto;
  572.     padding-left: 2px;
  573.     padding-top: 6px;
  574.     width: 350px;
  575. }
  576. #searching-help {
  577.     clear: left;
  578.     float: left;
  579.     margin-left: 19px;
  580.     margin-top: 10px;
  581.     width: 547px;
  582. }
  583. .searching-help-title {
  584.     display: inline;
  585.     font-weight: bold;
  586. }
  587. /* Advanced */
  588. #advanced-left {
  589.     width: 941px;
  590. }
  591. #settings.advanced #buttons {
  592.     width: 971px;
  593. }
  594. #advanced-options {
  595.     clear: left;
  596.     float: left;
  597.     margin-bottom: 10px;
  598. }
  599. #advanced-ignore-header {
  600.     margin-bottom: 5px;
  601. }
  602. #advanced-ignore-list {
  603.     clear: left;
  604.     float: left;
  605.     height: 182px;
  606.     margin: 0;
  607.     padding: 3px;
  608.     width: 568px;
  609. }
  610. #advanced-ignore-help {
  611.     display: inline;
  612.     font-weight: normal;
  613. }
  614.